<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Autenticação</title>
        <link href="css/login.css" rel="stylesheet" type="text/css" />
        <link href="font/stylesheet.css" rel="stylesheet" type="text/css" />
        <script src="js/lib/jquery-1.6.2.js" type="text/javascript"></script>
        <script type="text/javascript">
            
            function validarFormulario(){
                
                if(document.getElementById("campo_login").value == ''){
                    $('#campo_login').css("border","1px solid #9ec933");
                    $('#campo_login').css("background","#e3fda4");
                    $('#obs_campo_login').css("font-size","11px");
                    $('#obs_campo_login').css("color","#9ec933");
                    $('#obs_campo_login').css("font-weight","bold");
                    $('#obs_campo_login').text("Informe o login!");
                    return false;
                }else{
                    $('#campo_login').css("background","#FFF");
                    $('#campo_login').css("border","1px solid #FFF");
                    $('#obs_campo_login').text("");
                }
				
                if(document.getElementById("campo_senha").value == ''){
                    $('#campo_senha').css("border","1px solid #9ec933");
                    $('#campo_senha').css("background","#e3fda4");
                    $('#obs_campo_senha').css("font-size","11px");
                    $('#obs_campo_senha').css("color","#9ec933");
                    $('#obs_campo_senha').css("font-weight","bold");
                    $('#obs_campo_senha').text("Informe a senha!");
                    return false;
                }else{
                    $('#campo_senha').css("background","#FFF");
                    $('#campo_senha').css("border","1px solid #FFF");
                    $('#obs_campo_senha').text("");
                }
                
            }
            
        </script>     
    </head>
    <body>

        <!-- Header -->
        <div id="header">

        </div>

        <!-- Conteudo -->
        <div id="centralizar">

            <div id="conteudo">

                <div class="esquerdo">
                    <img src="image/logo.png" width="190" height="109" />
                    <strong>Sistema de Gestão de Corretagem de Seguros</strong>

                    <p>
                        Descrição do sistema.
                    </p>

                </div>

                <div class="direito">
                    <form method="post" action="includes/controller/UsuarioController.php?acao=autenticar">
                        <table>
                            <tr>
                                <td><strong>Login do Sistema</strong></td>
                            </tr>
                            <tr>
                                <td><b>Login</b> <br /> <input type="text" name="login" id="campo_login" /><br/><span id="obs_campo_login"></span></td>
                            </tr>
                            <tr>
                                <td><b>Senha</b> <br /> <input type="password" name="senha" id="campo_senha" /><br/><span id="obs_campo_senha"></span></td>
                            </tr>
                            <tr align="right">
                                <td ><input type="submit" value="Entrar" class="botao-login" onClick="return validarFormulario()" /></td>
                            </tr>
                            <tr align="right">
                                <td ><div class="esqueceu-senha"><a href="#">Lembrar senha</a> | Ajuda</div></td>
                            </tr>
                            <?php
                            if ($_GET) {

                                switch ($_GET['message_error']) {
                                    case 'erro_login':
                                        echo"
                                        <tr align='center'>
                                            <td><i>Usuário inválido!</i></td>
                                        </tr>    
                                        ";
                                        break;
                                    default:
                                        break;
                                }
                            }
                            ?>

                        </table>
                    </form>
                </div>

            </div>

        </div>
        <!-- Conteudo -->



    </body>
</html>